<template>
    <header>
        <div class="head">
            <a><img src="../../assets/img/head.png"></a>
            <div class="word">
                <a href="http://localhost:63342/mgj/index.html#/match" class="word_1">搭配</a>
                <a href="http://localhost:63342/mgj/index.html#/state">动态</a>
            </div>
            <a><img src="../../assets/img/mes.png"></a>
        </div>
        <div class="bottom">
            <a href="#" class="active">全部</a>
            <a href="#">买家秀</a>
            <a href="#">关注的人</a>
            <a href="#">收藏的店</a>
        </div>
    </header>

</template>

<script type="text/ecmascript-6">
    export default {}
</script>

<style>
    .active{
        border-bottom: 1px solid #FF6584;
        color: #FF5573!important;
    }

    .active{
        border-bottom: 1px solid #FF6584;
        color: #FF5573!important;
    }
</style>